﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
</body>
</html>
<!--forSales-->
<div class="displayDetail">
    <div id="forSaleCation" class="horizontalSplit">
        <span>For sales</span>
    </div>
    <div id="forSaleDetail" class="horizontalSplit" style="height: 400px; background-color: Lime;">
        <div class="displayDetailcol1">
            <div class="displayDetailHeader">
                Most view</div>
        </div>
        <div class="displayDetailcol2">
        </div>
    </div>
</div>
<!--forSales-->





<div id="landChoice2">
                    <div>
                        <span>Near school</span><span><select title="---All---"></select></span>
                    </div>
                    <div>
                        <span>Near SuperMarket</span><span><select title="---All---"></select></span>
                    </div>
                    <div>
                        <span>Near beach</span><span><select title="---All---"></select></span>
                    </div>
                    <div>
                        <span>Near lake</span><span><select title="---All---"></select></span>
                    </div>
                    <div>
                        <span>Near mountain</span><span><select title="---All---"></select></span>
                    </div>
                    <div>
                        <span>Near forrest</span><span><select title="---All---"></select></span>
                    </div>
                </div>
                <!--landChoice2-->
                   <div class="displayDetailPanel1" style="float: left; background-color: yellow">
                                <div id="forSaleCaption" class="panelHeader">
                                    <span>For sales</span>
                                </div>
                                <div class="horizontalSplit">
                                    <div class="displayDetailcol1">
                                        <div class="displayDetailHeader">
                                            Most view
                                        </div>
                                        <div class="thumbnailItem">
                                            <div class="horizontalSplit">
                                                <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Type:</div>
                                                <div class="thumbnailItemCol2">
                                                    Hotel</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Address:</div>
                                                <div class="thumbnailItemCol2">
                                                    14 Downing St</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Price:</div>
                                                <div class="thumbnailItemCol2">
                                                    $ 240000</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="viewMore">
                                                    <span>View more...</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="thumbnailItem">
                                            <div class="horizontalSplit">
                                                <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Type:</div>
                                                <div class="thumbnailItemCol2">
                                                    Hotel</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Address:</div>
                                                <div class="thumbnailItemCol2">
                                                    14 Downing St</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Price:</div>
                                                <div class="thumbnailItemCol2">
                                                    $ 240000</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="viewMore">
                                                    View more...</div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--displayDetailCol1-->
                                    <div class="displayDetailcol1">
                                        <div class="displayDetailHeader">
                                            Most view
                                        </div>
                                        <div class="thumbnailItem">
                                            <div class="horizontalSplit">
                                                <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Type:</div>
                                                <div class="thumbnailItemCol2">
                                                    Hotel</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Address:</div>
                                                <div class="thumbnailItemCol2">
                                                    14 Downing St</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Price:</div>
                                                <div class="thumbnailItemCol2">
                                                    $ 240000</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="viewMore">
                                                    <span>View more...</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="thumbnailItem">
                                            <div class="horizontalSplit">
                                                <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Type:</div>
                                                <div class="thumbnailItemCol2">
                                                    Hotel</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Address:</div>
                                                <div class="thumbnailItemCol2">
                                                    14 Downing St</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Price:</div>
                                                <div class="thumbnailItemCol2">
                                                    $ 240000</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="viewMore">
                                                    View more...</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- <div class="horizontalSplit">
                                        <div class="displayDetailcol1">
                                            <div class="displayDetailHeader">
                                                Most view
                                            </div>
                                            <div class="thumbnailItem">
                                                <div class="horizontalSplit">
                                                    <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                                </div>
                                                <div class="horizontalSplit">
                                                    <div class="thumbnailItemCol1">
                                                        Type:</div>
                                                    <div class="thumbnailItemCol2">
                                                        Hotel</div>
                                                </div>
                                                <div class="horizontalSplit">
                                                    <div class="thumbnailItemCol1">
                                                        Address:</div>
                                                    <div class="thumbnailItemCol2">
                                                        14 Downing St</div>
                                                </div>
                                                <div class="horizontalSplit">
                                                    <div class="thumbnailItemCol1">
                                                        Price:</div>
                                                    <div class="thumbnailItemCol2">
                                                        $ 240000</div>
                                                </div>
                                                <div class="horizontalSplit">
                                                    <div class="viewMore">
                                                        <span>View more...</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <img alt="" src="images/BannerAss.png" class="thumbnailItemImage" />
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Type:</div>
                                                <div class="thumbnailItemCol2">
                                                    Hotel</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Address:</div>
                                                <div class="thumbnailItemCol2">
                                                    14 Downing St</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="thumbnailItemCol1">
                                                    Price:</div>
                                                <div class="thumbnailItemCol2">
                                                    $ 240000</div>
                                            </div>
                                            <div class="horizontalSplit">
                                                <div class="viewMore">
                                                    View more...</div>
                                            </div>
                                        </div>
                                        <!--part2-->
                                <!--displayDetailCol1-->
                            </div>

<!--mainNavi-->
            <div id="mainNavigationBar">
                <span><a href="#"></a></span><span><a href="#">Home</a></span> <span><a href="#">Home</a></span>
            </div>
            <!--mainNavi-->
            <!--login-->
            <div id="loginPanel">
                <div class="horizontalSplit">
                    <input type="text" />
                </div>
                <div class="horizontalSplit">
                    <input type="text" />
                </div>
                <div class="horizontalSplit">
                    <button>
                        Login</button>
                </div>
            </div>
            <!--login-->


<div class="horizontalSplit">
                    <div class="findHouseCol1">
                        <!--province-->
                        <div class="findFieldRow">
                            <div class="findHouseCol1Label">
                                <span>Province</span>
                            </div>
                            <div class="findHouseCol1Input">
                                <input id="Text1" type="text" runat="server" class="findHouseCol1Control" />
                            </div>
                        </div>
                        <!--province-->
                        <!--Type-->
                        <div class="findFieldRow">
                            <div class="findHouseCol1Label">
                                <span>Type</span>
                            </div>
                            <div class="findHouseCol1Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                        </div>
                        <!--Type-->
                        <!--Facade-->
                        <div class="findFieldRow">
                            <div class="findHouseCol1Label">
                                <span>Facade</span>
                            </div>
                            <div class="findHouseCol1Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                        </div>
                        <!--Facade-->
                    </div>
                    <!--endSelectionCol1-->
                    <div class="findHouseCol2">
                        <!--Min Price-->
                        <div class="findFieldRow">
                            <div class="findHouseCol2Label">
                                <span>Min Price</span>
                            </div>
                            <div class="findHouseCol2Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                            <br style="clear: both" />
                        </div>
                        <!--Min Price-->
                        <!--Max Price-->
                        <div class="findFieldRow">
                            <div class="findHouseCol2Label">
                                <span>Max Price</span>
                            </div>
                            <div class="findHouseCol2Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                            <br style="clear: both" />
                        </div>
                        <!--Max Price-->
                        <!--Beds num-->
                        <div class="findFieldRow">
                            <div class="findHouseCol2Label">
                                <span>Beds num</span>
                            </div>
                            <div class="findHouseCol2Input">
                                <span>
                                    <select title="---All---" class="findHouseCol1Control">
                                    </select></span>
                            </div>
                        </div>
                        <!--Beds num-->
                    </div>
                    <!--endSelectionCol2-->
                </div>




<div class="horizontalSplit" style="float: left">
            <div class="panelHeader">
                Find your house
            </div>
            <div class="horizontalSplit" style="text-align: center;">
                Select you options here
            </div>
            <div class="horizontalSplit">
                <div class="findHouseCol1">
                    <!--province-->
                    <div class="findFieldRow">
                        <div class="findHouseCol1Label">
                            <span>Province</span>
                        </div>
                        <div class="findHouseCol1Input">
                            <input id="Text2" type="text" runat="server" class="findHouseCol1Control" />
                        </div>
                    </div>
                    <!--province-->
                    <!--Type-->
                    <div class="findFieldRow">
                        <div class="findHouseCol1Label">
                            <span>Type</span>
                        </div>
                        <div class="findHouseCol1Input">
                            <span>
                                <select title="---All---" class="findHouseCol1Control">
                                </select></span>
                        </div>
                    </div>
                    <!--Type-->
                    <!--Facade-->
                    <div class="findFieldRow">
                        <div class="findHouseCol1Label">
                            <span>Facade</span>
                        </div>
                        <div class="findHouseCol1Input">
                            <span>
                                <select title="---All---" class="findHouseCol1Control">
                                </select></span>
                        </div>
                    </div>
                    <!--Facade-->
                </div>
                <!--endSelectionCol1-->
                <div class="findHouseCol2">
                    <!--Min Price-->
                    <div class="findFieldRow">
                        <div class="findHouseCol2Label">
                            <span>Min Price</span>
                        </div>
                        <div class="findHouseCol2Input">
                            <span>
                                <select title="---All---" class="findHouseCol1Control">
                                </select></span>
                        </div>
                        <br style="clear: both" />
                    </div>
                    <!--Min Price-->
                    <!--Max Price-->
                    <div class="findFieldRow">
                        <div class="findHouseCol2Label">
                            <span>Max Price</span>
                        </div>
                        <div class="findHouseCol2Input">
                            <span>
                                <select title="---All---" class="findHouseCol1Control">
                                </select></span>
                        </div>
                        <br style="clear: both" />
                    </div>
                    <!--Max Price-->
                    <!--Beds num-->
                    <div class="findFieldRow">
                        <div class="findHouseCol2Label">
                            <span>Beds num</span>
                        </div>
                        <div class="findHouseCol2Input">
                            <span>
                                <select title="---All---" class="findHouseCol1Control">
                                </select></span>
                        </div>
                    </div>
                    <!--Beds num-->
                </div>
                <!--endSelectionCol2-->
            </div>
            <!--landChoice1-->
            <!--landChoice1-->
            <div class="btnSearchHouseHolder">
                <button class="btnSearchHouse">
                    Search</button></div>
        </div>